<template>
  <div class="aboutUs">
    <x-header title="关于车网通" :left-options="{backText:''}" class='whiteHeader'></x-header>
    <div class="carNetTongImg">
    	<img src="../../assets/image/carNetTong.png" alt="" />
    </div>
    <div class="carNetTongVersion">
    	<!--<p>3.9.0</p>-->
    </div>
    <div class="carNetTongInfo">
    	<div class="companyTel">
    		<p>公司电话:</p>
    		<span>0755-86018633</span>
    	</div>
    	<div class="companyWeb">
    		<p>公司网址:</p>
    		<span>http://www.carnettong.com</span>
    	</div>
    	<div class="wechatPublic">
    		<p>&nbsp;&nbsp;&nbsp;微信公众号:</p>
    		<span>carnettong_hope</span>
    	</div>
    </div>    
    <div class="carNetTongFooter">
    	<div class="userProtocol" @click="this.location.href='http://carnt.carnettong.com:8088/CARNT/protocol.jsp'">
    		<p><<用户许可协议>></p>
    	</div>
    	<div class="infoProtect" @click="this.location.href='http://carnt.carnettong.com:8088/CARNT/protocol.jsp'">
    		<p><<个人信息保护的基本方针>></p>
    	</div>
    	<div class="companyName">
    		<p>深圳市旗智信息技术有限公司&nbsp;版权所有</p>
    	</div>
    	<div class="companyNameEnglish">
    		<p>Copyright 2012-2016 Qizhi info-Tech All Right Resered.</p>
    	</div>
    </div>
  </div>
</template>
<script>
/*关于我们*/
import {XHeader} from 'vux';
import { setCookie, getCookie } from '../../util/commonUtils';
export default {
  name:"aboutUs",
  // 数据
  data(){

    return{
    	userId:''
    }
  },
  // 计算属性
  computed:{

  },
  // 创建（实例创建完成）
  created(){
    this.userId=getCookie('loginkey');
    
  },
  // el被创建，并挂载到实例上
  mounted(){

  },
  // 方法（实例中的方法）-----------
  methods:{
    	
  },
  // 子组件
  components:{
    XHeader
  }
}
</script>
<!--当前页面的样式 -->
<style lang="less" scoped>
.aboutUs{	
	min-height:100%;	
	background:#efeff4;
  	.carNetTongImg{  		  		
  		display:flex;
  		justify-content:center;  	
  		margin-top:0.32rem;	  		
  		img{
  			align-self:center;
  			width:2rem;
  			height:2rem;
  		}
  	}
  	.carNetTongVersion{  		
  		margin-top:0.30rem;
  		margin-bottom:0.70rem;
  		p{
  			width:100%;
  			font-size:0.26rem;
  			color:#ec383f;
  		}
  	}
  	.carNetTongInfo{  		
  		background:#fff;  		
  		.companyTel{  			
  			display:flex;  			 			
  			p{
  				margin-top:0.34rem;
  				align-self:center;
  				width:40%;
  				font-size:0.24rem;
  				color:#666;
  			}
  			span{
  				margin-top:0.34rem;
  				align-self:center;
  				width:55%;
  				font-size:0.24rem;
  				color:#000000;
  				text-align:left;
  			}
  		}
  		.companyWeb{  			
  			display:flex;
  			p{
  				margin-top:0.34rem;
  				align-self:center;
  				width:40%;
  				font-size:0.24rem;
  				color:#666;  				
  			}
  			span{
  				margin-top:0.34rem;
  				align-self:center;
  				width:55%;
  				font-size:0.24rem;
  				color:#000000;
  				text-align:left;
  			}
  		}
  		.wechatPublic{  			
  			display:flex;  			
  			p{  	
  				margin-top:0.34rem;		
  				margin-bottom:0.34rem;	
  				align-self:center;
  				width:40%;
  				font-size:0.24rem;
  				color:#666;  								
  			}
  			span{
  				margin-top:0.34rem;
  				margin-bottom:0.34rem;
  				align-self:center;
  				width:55%;
  				font-size:0.24rem;
  				color:#000000;
  				text-align:left;
  			}
  		}
  	}
  	/*.carNetTongBlank{
  		height:2rem;
  		background:#f0eff5;
  	}*/
  	.carNetTongFooter{
  		position:fixed;
  		bottom:0;
  		width:100%;
  		height:2.5rem;
  		background:#f0eff5;  		
  		.userProtocol{
  			p{
  				font-size:0.26rem;
  				color:#ec383f;
  			}
  		}
  		.infoProtect{
  			margin-top:0.1rem;
  			p{
  				font-size:0.26rem;
  				color:#ec383f;
  			}
  		}
  		.companyName{
  			p{
  				margin-top:0.54rem;
  				font-size:0.24rem;
  				color:#666;
  			}
  		}
  		.companyNameEnglish{
  			margin-top:0.2rem;  			
  			p{
  				font-size:0.24rem;
  				color:#666;
  			}
  		}
  	}
}
</style>